<!--
 * @Author: your name
 * @Date: 2019-11-22 13:25:39
 * @LastEditTime: 2019-12-07 14:43:37
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \福路德信息化平台APP\html\component\sign.html
 -->
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,viewport-fit=cover" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/vant.css">
    <link rel="stylesheet" type="text/css" href="../../css/base.css" />
    <script type="text/javascript" src="../../script/jquery.js"></script>
    <style type="text/css">
        html,
        body {
            height: auto;
            background: transparent;
        }

        .img {
            padding: 7px;
            background: transparent;
            border-radius: 100px;
            overflow: hidden;
        }

        img {
            width: 100%;
        }

        .tr {
            transform: rotate(180deg);
        }
    </style>
</head>

<body>
    <div class="img" onclick="toggleFrameSize()">
        <img src="../../image/slideArrow.png" />
    </div>

</body>
<script>
    function toggleFrameSize() {
        if ($('img').hasClass('tr')) {
            $('img').removeClass('tr');
        } else {
            $('img').addClass('tr');
        }

        var appTop_ = parseInt(window.localStorage.getItem('safeAreaTop'));
        var y = appTop_ ? (appTop_ + 40) : (appTop_ + 25);

        if ($('img').hasClass('tr')) {
            api.setFrameAttr({
                name: 'sildeArrow',
                rect: {
                    x: (api.winWidth/2) - 20,
                    y: y + 5,
                    w: 40,
                    h: 40
                }
            })
            api.setFrameAttr({
                name: 'customerVisitList',
                rect: {
                    x: 0,
                    y: y + 25,
                    w: api.winWidth,
                    h: api.winHeight - y - 25
                }
            })
            
        } else {
            api.setFrameAttr({
                name: 'customerVisitList',
                rect: {
                    x: 0,
                    y: api.winHeight - 190,
                    w: api.winWidth,
                    h: 190
                }
            })
            api.setFrameAttr({
                name: 'sildeArrow',
                rect: {
                    x: (api.winWidth/2) - 20,
                    y: api.winHeight - 210,
                    w: 40,
                    h: 40
                }
            })
        }


    }
</script>

</html>